<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
       <style>
           .tablelist{
               border:1px solid; 
               border-collapse: collapse;
           }
           .tablelist th,td{
               border:1px solid; 
           }
           .odd{
               background-color:white
           }
           .even{
               background-color:grey
           }
       </style>
    </head>
    <body>
        <table class="tablelist">
           
            <tr style="background-color: gold">
                <th>商品名</th>
                <th>商品价格</th>
                <th>商品数量</th>
            </tr>
            <tr class="even">
                <td>美白滋养霜</td>
                <td>120</td>
                <td>100</td>
            </tr>
            <tr class="odd">
                <td>美白润体乳</td>
                <td>80</td>
                <td>60</td>
            </tr>
            <tr class="even">
                <td>美白面膜</td>
                <td>68</td>
                <td>60</td>
            </tr>
            <tr class="odd">
                <td><font color="#FF0000">美白柔肤水</font></td>
                <td><font color="#FF0000">100</font></td>
                <td><font color="#FF0000">200</font></td>
            </tr>
            <tr class="even">
                <td>美白日霜</td>
                <td>60</td>
                <td>300</td>
            </tr>
            <tr class="odd">
                <td>美白膜</td>
                <td>98</td>
                <td>100</td>
            </tr>
            <tr class="even">
                <td colspan="3" align="right">共计6种商品</td>
            </tr>

        </table>
    </body>
</html>